<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<!--<link href="http://www.dcloud.io/hellomui/css/mui.min.css" rel="stylesheet" />-->
	<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
	<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/minirefresh.min.css" />
	<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/common.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	<style>
		.mui-fullscreen { top: 0!important; }
		.noData{ margin-top:40%; }
		.mui-content{ overflow-y:visible;}
		.mui-content ,.fixNews ,.news_tab_tt{ background: transparent;}
		.showResult{ background: #FAFAFF;}
		.minirefresh-scroll{ background: transparent;}
	</style>
</head>

<body class="bgLight">
	<header class="mui-bar">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<div>
			<input type="search" id="searchInput" class="searchWords_box sr_input" placeholder="关键词搜索" />
			<a class="mui-icon mui-icon-search mui-pull-right"  onclick="search_all"></a>
		</div>
	</header>

	<!--搜到内容的情况-->
	<div class="mui-content" id="dataListBox">
		<div class="content">
			<div id="slider" class="mui-content mui-slider mui-fullscreen getHeight">
				<div class="fixNews">
					<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted news_tab_tt bxn1">
						<a class="" tab-index='1' tab-name="news" @tap="select_tab($event)" :class="(tabIndex == '1') ? 'active' : ''">文章<em></em></a>
						<a class="" tab-index='2' tab-name="class" @tap="select_tab($event)" :class="(tabIndex == '2') ? 'active' : ''"  v-show="auditStatus == 'yes'">课程<em></em></a>
						<a class="" tab-index='3' tab-name="ebook" @tap="select_tab($event)" :class="(tabIndex == '3') ? 'active' : ''"  v-show="auditStatus == 'yes'">电子书<em></em></a>
						<a class="" tab-index='4' tab-name="shop" @tap="select_tab($event)" :class="(tabIndex == '4') ? 'active' : ''">商品<em></em></a>
					</div>
				</div>

				<div class="mui-slider-group">
					<div class="mui-slider-item mui-control-content mui-active" v-cloak v-show="tabIndex == 1 && dataUlList == 0">
						<div id="minirefresh1" class="minirefresh-wrap">
							<div class="minirefresh-scroll news_nr">
								<p class="showResult">当前分类下为您搜索到{{ncount}}条结果</p>
								<ul class="data-list mt20">
									<li class="mui-table-view-cell" v-for="val in article_list" @tap="open_details(val.id)">
										<h4>{{val.title}}</h4>
										<p class="time">{{val.updatetime}}</p>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="mui-slider-item mui-control-content" v-show="tabIndex == 2 && dataUlList == 0">
						<div id="minirefresh2" class="minirefresh-wrap">
							<div class="minirefresh-scroll course_nr bdn" >
								<p class="showResult">当前分类下为您搜索到{{ccount}}条结果</p>
								<ul class="data-list">
									<li class="mui-table-view-cell mui-media course_list" v-for="val in course_list" @tap="open_course(val.id)">
										<img class="mui-media-object mui-pull-left course_pic" :src="val.middlePicture">
										<div class="mui-media-body course_rtxt">
											<h4 class="ellipsis2 course_tt">{{val.title}}</h4>
											<p class="person_price">
												<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.studentNum}}</span>
												<span class="coursePrice" v-if="val.isFree == 1 && auditStatus == 'yes'">免费</span>
												<span class="coursePrice" v-if="val.isFree == 0 && auditStatus == 'yes'"><em>￥</em>{{val.price}}</span>
											</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="mui-slider-item mui-control-content" v-show="tabIndex == 3 && dataUlList == 0">
						<div id="minirefresh3" class="minirefresh-wrap">
							<div class="minirefresh-scroll read_nr">
								<p class="showResult pb15">当前分类下为您搜索到{{ecount}}条结果</p>
								<ul class="data-list">
									<li class="mui-table-view-cell mui-media xsrd_list" v-for="val in ebook_list" @tap="open_book_detils(val.id)">
										<img class="mui-media-object mui-pull-left xsrd_pic" :src="val.thumb">
										<div class="mui-media-body book_rtxt">
											<h4 class="ellipsis2 read_tt">{{val.title}}</h4>
											<p class="timePerson ellipsis2">{{val.oneWords}}</p>
											<p class="xs_person_price">
												<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.views}}</span>
												<span class="coursePrice">￥{{val.vipprice}}</span>
											</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="mui-slider-item mui-control-content" v-show="tabIndex == 4 && dataUlList == 0">
						<div id="minirefresh4" class="minirefresh-wrap">
							<div class="minirefresh-scroll pop_product">
								<p class="showResult">当前分类下为您搜索到{{scount}}条结果</p>
								<div class="product_show pt0">
									<ul class="data-list mt20">
										<li class="mui-table-view-cell" v-for="val in shop_list" @tap="open_shop(val.id)">
											<span><img :src="val.image" /></span>
											<span class="product_ms ellipsis2">{{val.title}}</span>
											<span class="product_price">￥{{val.price}}</span>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>

					<div class="noData" v-show="dataUlList == 1">
						<div class="result">
							<p class="result_pic"><img src="../../../images/noProducts.png" alt="" /></p>
							<p class="result_txt">该分类不包含您搜索的内容哦~</p>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>


	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script type="text/javascript" src="../../../js/jquery.min.js"></script>
	<script src="../../../js/minirefresh/minirefresh.min.js"></script>
	<script src="../../../js/vue.js"></script>
	<script src="../../../js/public.js"></script>
	<script type="text/javascript" src="../../../js/tpl/search.js"></script>
</body>

</html>